import React, { Component } from 'react';
import "../css/StaffFooter.css"

class StaffFooter extends Component{
    render(){
        return(
            <div className="StaffFooter" id="StaffFooter">
                <h4 className="newUser">新增人员</h4>
                <div>
                    <form action="">
                        <div className="newItem">
                            <label htmlFor="userName">姓名：</label>
                            <input type="text" id="userName" placeholder="Your Aame"/>
                        </div>
                        <div className="newItem">
                            <label htmlFor="userAge">年龄：</label>
                            <input type="text" id="userAge" placeholder="Your Age"/>
                        </div>
                        <div className="newItem">
                            <label>性别：</label>
                            <select name="" id="" className="userGender">
                                <option value="">男</option>
                                <option value="">女</option>
                            </select>
                        </div>
                        <div className="newItem">
                            <label>身份：</label>
                            <select name="" id="" className="userGender">
                                <option value="">主任</option>
                                <option value="">老师</option>
                                <option value="">学生</option>
                                <option value="">实习</option>
                            </select>
                        </div>
                        <div className="newItem">
                            <label className="userDesc">描述：</label>
                           <textarea className="userTextarea">

                           </textarea>
                        </div>
                        <div className="newItem">
                           <button className="submitBtn">提交</button>
                        </div>
                    </form>
                </div>
            </div>
        )
    }
}
export default StaffFooter
